<template>
  <lay-container class="page-box pa-12">
    <lay-exception class="error-404" status="404" title="404" describe="抱歉，你访问的页面不存在">
      <template #extra>
        <lay-button @click="reload">刷新</lay-button>
        <lay-button type="primary" @click="toHome">返回</lay-button>
      </template>
    </lay-exception>
  </lay-container>

</template>
<script setup lang="ts">
const router = useRouter();
const toHome = () => {
  router.push('/')
}
const reload = () => {
  location.reload()
}
</script>
<style lang="less" scoped>
.page-box {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.error-404 {
  width: 100%;
  overflow: hidden;
}
</style>
